<template>
	<view class="background" >
		<view class=" mainpadding">
			<view class="daowu flexleft">
				<view class="daodian" @click="godaodian">
					到店自提
				</view>
				<view class="wuliu color1">
					物流配送
				</view>
			</view>
			<!--收货-->
			<view class="shouhuoren ffffff flexbetween">
				<view class="leftinfo " @click="goshouhuodizhi">
					<view class="flexleft">
						<view class="personname uu">马斯克</view><view class="personphone">18768998952</view>
					</view>
					<view class="adress">河南省郑州市高新区金和商务中心B座23楼563室</view>
				</view>
				<view class="right_icon"></view>
			</view>
			<!---中间item-->
			<view class="itemlist ffffff">
			  <view class="productimg">
				  <image  src="../../static/images/shopping/productimg.png"></image>
			  </view>
			  <view class="right">
				  <view class="righttop">
					  <view class="txt1">
						 万利达电水壶1s 
					  </view>
					  <view class="txt2">
						  ¥98.00
					  </view>
				  </view>
				  <view class="rightbottom">
					  <view class="txt3">
					  	颜色：白色				
					  </view>
					  <view class="txt4">
					  	 x1			
					  </view>
				  </view>
			  </view>
			</view>
		    <view class="yunshu ffffff flexbetween">
				<view class="yunfei">运费</view>
				<view class="baoyou">全国包邮</view>
			</view>
			<view class="yunshu ffffff flexbetween">
				<view class="yunfei">备注</view>
				<input  class="liuyan" placeholder="请输入留言信息给卖家">
			</view>
		</view>
			<view class="bottomsubmitbtn1 ffffff flexbetween">
		    	  <view class="flexcenter">
		    		  <view class="zongji">合计</view>
		    		  <view class="price1">
		    		  	￥299.00		   
		    		  </view>
		    	  </view>
		        <view class="submitcontext" @click="gopay">
		     	   立即支付
		        </view> 
		    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			goshouhuodizhi(){
			  uni.navigateTo({
			  	url:'/pages/shopping/shouhuodizhi'
			  })
			},
			gopay(){
				uni.navigateTo({
					url:''
				})
			},
			godaodian(){
				console.log(1)
				uni.navigateTo({
					url:'/pages/shopping/daodian'
				})
			}
		}
	}
</script>

<style lang="scss">
.daodian{
	font-size: 26rpx;
	font-family: PingFang SC-Heavy, PingFang SC;
	font-weight: 800;
	color: #000000;
	line-height: 30rpx;
	padding:11rpx 31rpx;
	padding-right: 36rpx;
	background-color: rgba(212, 212, 212, 1);
	border-radius: 42rpx 0 0 42rpx  ;
}
.wuliu{
	font-size: 26rpx;
	font-family: PingFang SC-Heavy, PingFang SC;
	font-weight: 800;
	color: #FFFFFF;
	line-height: 30rpx;
	padding: 11rpx 24rpx;
	border-radius: 42rpx;
	position: relative;
	left:-20rpx	
}
.shouhuoren{
	margin-top: 30rpx;
	padding: 30rpx;
}
/*中间商品列表*/
.itemlist{
	margin-top: 30rpx;
	padding: 30rpx;
	display: flex;
}
.personname,.personphone{
	font-size: 30rpx;
	font-family: PingFang SC-Heavy, PingFang SC;
	font-weight: 800;
	color: #000000;
	line-height: 42rpx;
}
.uu{
	margin-right: 42rpx;
}
.adress{
	margin-top: 20rpx;
	font-size: 26rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #666666;
	line-height: 42rpx;
}
.productimg{
	width: 124rpx;
	height: 124rpx;
	margin-right: 25rpx;
	image{
		width: 100%;
		height: 100%;
		border-radius: 14rpx;
	}
}
.right{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.righttop{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.rightbottom{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.txt1{
 font-size: 30rpx;
 font-family: PingFang SC-Heavy, PingFang SC;
 font-weight: 800;
 color: #333333;
 line-height: 35rpx;	
}
.txt2{
	font-size: 34rpx;
	font-family: PingFang SC-Heavy, PingFang SC;
	font-weight: 800;
	color: #FF5C00;
	line-height: 40rpx;
}
.txt3{
	font-size: 26rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #666666;
	line-height: 30rpx;
}
.txt4{
 font-size: 26rpx;
 font-family: PingFang SC-Heavy, PingFang SC;
 font-weight: 800;
 color: #FF5C00;
 line-height: 30rpx;	
}
/*运输*/
.yunshu{
	margin-top: 30rpx;
	padding: 30rpx;
}
.yunfei{
	font-size: 26rpx;
	font-family: PingFang SC-Heavy, PingFang SC;
	font-weight: 800;
	color: #333333;
	line-height: 30rpx;
}
.baoyou{
	font-size: 26rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #666666;
	line-height: 30rpx;
}
.liuyan{
	font-size: 26rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #000000;
	line-height: 30rpx;
	height: 30rpx;
	text-align: right;
}
input::placeholder{
	color: #666666;
}
</style>
